<template>
    <div class="kgh-container">
        <div class="img-responsive sec-mrb">
            <img src="../assets/images/banner.png" width="100%" height="auto">
        </div>
        <div class="section">
            <div class="container">
                <div class="row section-header text-center">
                    <div class="icon-header">
                        <div class="icon-box">
                            <img src="../assets/images/icon_commend.png" alt="" class="icon">
                        </div>
                        <div class="icon-line">
                            <h2 class="icon-text visible-xs-block xs-title">第二届切削仿真与制造技术国际学术会议</h2>
                            <h2 class="icon-text hidden-xs">第二届切削仿真与制造技术国际学术会议</h2>
                        </div>
                        <p>以学员满意度，以学员学习效果为本</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <p class="meet-desc">简介一堆乱七八糟的，会给详细文字，该页面为死页面。共有两届国际学术会议，2017年为回顾，2018年会议还未召开，此页面用于展示2017年国际学术会议相关介绍。2018年的会议页面增加一个报名窗口和简介。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="container">
                <div class="row section-header text-center">
                    <div class="icon-header">
                        <div class="icon-box">
                            <img src="../assets/images/icon_commend.png" alt="" class="icon">
                        </div>
                        <div class="icon-line">
                            <h2 class="icon-text visible-xs-block xs-title">会议高清大图</h2>
                            <h2 class="icon-text hidden-xs" style="width:220px;">会议高清大图</h2>
                        </div>
                        <p>以学员满意度，以学员学习效果为本</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-3">
                        <a href="#" class="thumbnail nobor">
                            <img src="../assets/images/a.jpg" width="100%">
                        </a>
                    </div>
                    <div class="col-xs-12 col-sm-3">
                        <a href="#" class="thumbnail nobor">
                            <img src="../assets/images/a.jpg" width="100%">
                        </a>
                    </div>
                    <div class="col-xs-12 col-sm-3">
                        <a href="#" class="thumbnail nobor">
                            <img src="../assets/images/a.jpg" width="100%">
                        </a>
                    </div>
                    <div class="col-xs-12 col-sm-3">
                        <a href="#" class="thumbnail nobor">
                            <img src="../assets/images/a.jpg" width="100%">
                        </a>
                    </div>
                    <div class="col-xs-12 col-sm-3">
                        <a href="#" class="thumbnail nobor">
                            <img src="../assets/images/a.jpg" width="100%">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<style lang="scss" scoped>
.meet-desc {
  color: #d8d8d8;
  font-size: 16px;
  line-height: 30px;
}
</style>
